<!-- props配置项 -->
<template>
	<div>
		<img :src="require('../../static/'+logo+'.jpg')" alt="" width="300px" />
		<h1>大花狗:{{name}}</h1>
		<h2>年龄:{{age+1}}</h2>
		<h3>性别:{{sex}}</h3>
	</div>
</template>

<script>
	export default {
		name:'Dog',
		data() {
			return {
				logo:"dog",
			}
		},
		// 1.简单props,接收到的prop不能改值
		// props:['name', 'age', 'sex']
		
		// 2.规定接收类型的props
		// props:{
		// 	name:String,
		// 	sex:String,
		// 	age:Number
		// }
		
		
		// 3.详细接收(规定类型与必要性,默认值,默认值和必要性写一个就行,因为即使是必要的,如果有默认值也可以不传)
		props:{
			name:{
				type:String,
				default:'名字'
			},
			sex:{
				type:String,
				required:true,
			},
			age:{
				type:Number,
				required:true
			}
		}
	}
</script>

<style>
</style>